<template>
  <div >
    <el-row class="menu-row" v-for="menu in menus" v-bind:key="menu.code">
      {{ menu.name }}
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'PageSideMenu',
  data () {
    return {
      menus: [
        {
          code: '1001',
          name: '项目1'
        },
        {
          code: '1002',
          name: '项目2'
        },
        {
          code: '1003',
          name: '项目3'
        },
        {
          code: '1004',
          name: '项目4'
        },
        {
          code: '1005',
          name: '项目5'
        },
        {
          code: '1006',
          name: '项目6'
        },
        {
          code: '1007',
          name: '项目7'
        },
        {
          code: '1008',
          name: '项目8'
        }
      ]
    }
  }
}
</script>

<style scoped>
.menu-row{
  margin-top: 20px;
}
</style>
